<%@ page pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ page trimDirectiveWhitespaces="true" %>
<fmt:setLocale value="zh_CN"/>
<!DOCTYPE html>
<html>
<head>
   	<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <title>${applicationScope.projectName }</title>
    <link type="text/css" rel="stylesheet" href="${ctxPath }/css/news/common.css?20190911100333" />
    <!-- 主题样式  -->
    <link type="text/css" rel="stylesheet" href="${ctxPath }/css/news/theme/redCss.css?20190906081114" id="cssfile"/>
	<!-- layer自定义样式 -->
	<link type="text/css" rel="stylesheet" href="${ctxPath }/css/news/layer-custom.css?20190822091858" />
    <link type="text/css" rel="stylesheet" href="${ctxPath }/css/news/chouui-custom.css?20190822091858" />
    <%-- 有项目名的时候需要定义 --%>
    <link rel="shortcut icon" type="image/x-icon" href="${ctxPath }/favicon.ico?20190226105413">
</head>
<body>
	<div id="header">
		<div class="hed-l"><h1 class="logo">绿盾项目组工作平台</h1></div>
		<div class="hed-r">
			<div class="hed-t clearfix">
			    <!-- 隐藏字段，用于记录进入该页面后跳转到哪个功能，如：dbImport跳转到双公示导入功能 -->
			    <input type="hidden" id="method" name="method" value="">
			    <div class="head-nav-l">
	<!-- qtips提示，data-title设置标题【非必需】，data-cont设置内容【必需】，data-qtips-class设置样式【非必需】，data-qtips-class=yellow表示取内置的黄色样式【黄色、有阴影、圆角】，
					也可以写完整的样式qtip-yellow qtip-shadow qtip-rounded，shieldSettings为扩展原插件的属性重新定义位置 -->
			    	<b class="qtips shieldMarked_qtips" data-title="用户角色" data-cont="系统管理员,运维管理员,没有角色,普通用户" shieldsettings="{position:{'my':'bottom left','at':'top center'}}" data-qtips-class="yellow" data-hasqtip="0" oldtitle="用户角色：系统管理员,运维管理员,没有角色,普通用户" title="">[系统管理员...]</b>超级管理员，您好
			    </div>
			    <ul class="head-nav-r">
			        <li class="hed-line" title="退出系统"><a href="${ctxPath}/a/logout"><img src="${ctxPath}/images/icon/exit.png">退出</a></li>
<li class="hed-line" title="常用工具"><a href="#/system/menu-mergely" data-url="${ctxPath}/a/to/a/tool/mergely"><img src="${ctxPath}/images/icon/tool.png">工具</a></li>
			        <li class="tier-father hed-line"><a><img id="userInfo" src="${ctxPath}/images/icon/zhuti.png" alt="主题" title="主题切换">主题切换</a>
						<div class="instrument instrument-ff" style="display: none;">
							<ul class="skin">
								<li class="shin-t">默认风格</li>
								<li id="skin_4" data-v="red" class="selected"><span class="skin_4"></span><a href="javascript:void(0);">红色</a></li>
								<li id="skin_3" data-v="blue"><span class="skin_3"></span><a href="javascript:void(0);">蓝色</a></li>
								<li class="shin-t">简约风格</li>
								<li id="skin_0" data-v="jy-red"><span class="skin_0"></span><a href="javascript:void(0);">红色</a></li>
								<li id="skin_1" data-v="jy-blue"><span class="skin_1"></span><a href="javascript:void(0);">蓝色</a></li>
							</ul>
						</div>
					</li>
			        <li class="name-li"><img src="http://test.11315.com/ueditorgroup/test/ueditor/jsp/upload/image/2019/07/22/1563782232494000431.jpg">&nbsp;&nbsp;超级管理员<div class="name-box" style="display: none;">
								<a href="#/aboutMe">个人中心</a>
								<a href="javascript:void(0);" class="shieldDialog  shieldMarked_shieldDialog_sdc17__shieldLookup" data-url="${ctxPath}/a/to/a/usercenter/updatePwd">修改密码</a>
								<a href="#/aboutMe/usercenter_sysusernote" style="cursor: pointer;">我的便签</a>						
						</div>
					</li>
</ul>
		    </div>
		    <div class="zi_nav">
	<ul class="head_nav_l" id="topBar">
		<li id="aboutMe" class="menu  shieldMarked_menu" permid="aboutMe"><a href="#/aboutMe"><span>个人中心</span><span class="arrow"></span></a></li>
			<li id="oaManage" class="menu  shieldMarked_menu" permid="oaManage"><a href="#/oaManage"><span>办公管理</span><span class="arrow"></span></a></li>
			<li id="projectManage" class="menu projectManage shieldMarked_menu" permid="projectManage"><a href="#/projectManage"><span>项目管理</span><span class="arrow"></span></a></li>
			<li id="system" class="menu  shieldMarked_menu cur" permid="system"><a href="#/system"><span>系统管理</span><span class="arrow"></span></a></li>
			<li><a id="bbsModule" class="" href="${ctxPath}/bbs/index" permid="bbsModule" target="_blank"><span>内部论坛</span><span class="arrow"></span></a></li>
			<!-- class需要为menu，原href改为data-url -->
	           <!-- <li style="float: right; margin-right:10px;"><a href="index.html"><b id="home">回到首页</b></a></li> -->
	        </ul>
	<div class="clear"></div>
			</div>
		</div>
	</div>

	<div id="leftBar">
		<div class="leftModel shield-menus">
			<div class="content" style="margin-top: 15px;">
				<div class="subwrap">
					<h4 class="sub_title">示例说明</h4>
					<ul class="menu">
						<li class="active"><a href="style.jsp"><span>样式说明</span></a></li>
						<li><a href="basic.jsp"><span>基本元素</span></a></li>
						<li><a href="shili.jsp"><span>布局说明</span></a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div id="resize">
		<span class="resize-img"></span>
	</div>
	<div id="content">
		<h2 class="h2Top">1.body样式：</h2>
		<div class="explain">
			<div class="title">HTML</div>
			<p style="text-indent: 0"><b class="red">body</b>{ margin: 0;  font-size: 12px; color: #333; line-height: 20px; min-width: 1200px;background:#fff;}<span class="gray">&nbsp;&nbsp;//字体大小12px,颜色#333,最小宽度1200px。</span></p>
		</div>
		<h2 class="h2Top">2.浮动：</h2>
		<div class="explain">
			<div class="title">HTML</div>
			<p style="text-indent: 0"><b class="red">.fl</b> {float: <b class="red">left</b>;}<span class="gray">&nbsp;&nbsp;//左浮动</span><br><b class="red">.ri</b> {float: <b class="red">right</b>;}<span class="gray">&nbsp;&nbsp;//右浮动</span><br>* html .clearfix {zoom: 1;}&nbsp;&nbsp;&nbsp;*+html .clearfix {zoom: 1;}&nbsp;&nbsp;&nbsp;
<b class="red">.clearfix</b>:after {height: 0;visibility: hidden;content: ".";display: block;clear: both;}<span class="gray">&nbsp;&nbsp;//清浮动</span></p>
		</div>
		<h2 class="h2Top">3.文字方位：</h2>
		<div class="explain">
			<div class="title">HTML</div>
			<p style="text-indent: 0">
				<b class="red">.taLeft</b> { text-align: <b class="red">lef</b> !important; }<span class="gray">&nbsp;&nbsp;//文字向左</span><br>
<b class="red">.taCenter</b> { text-align: <b class="red">center</b> !important; }<span class="gray">&nbsp;&nbsp;//文字左右居中</span><br>
<b class="red">.taRight</b> { text-align: <b class="red">right</b> !important; }<span class="gray">&nbsp;&nbsp;//文字向右</span><br>
<b class="red">.veTop</b> { vertical-align: <b class="red">top</b> !important; }<span class="gray">&nbsp;&nbsp;//文字向上</span><br>
<b class="red">.veMiddle</b> { vertical-align: <b class="red">middle</b> !important; }<span class="gray">&nbsp;&nbsp;//文字上下居中</span><br>
<b class="red">.veBottom</b> { vertical-align: <b class="red">bottom</b> !important; }<span class="gray">&nbsp;&nbsp;//文字向下</span>
			</p>
		</div>
		<h2 class="h2Top">4.文字大小</h2>
		<div><span class="fs12">12px</span>&nbsp;&nbsp;
		<span class="fs13">13px</span>&nbsp;&nbsp;
		<span class="fs14">14px</span>&nbsp;&nbsp;
		<span class="fs15">15px</span>&nbsp;&nbsp;
		<span class="fs16">16px</span>&nbsp;&nbsp;
		<span class="fs17">17px</span>&nbsp;&nbsp;
		<span class="fs18">18px</span>&nbsp;&nbsp;
		<span class="fs19">19px</span>&nbsp;&nbsp;
		<span class="fs20">20px</span></div>
		<div class="explain">
			<div class="title">HTML</div>
			<p style="text-indent: 0"><b class="red">.fs12</b> {font-size:12px;}<br>
<b class="red">.fs13</b> {font-size:13px;}<br>
<b class="red">.fs14</b> {font-size:14px;}<br>
<b class="red">.fs15</b> {font-size:15px;}<br>
<b class="red">.fs16</b> {font-size:16px;}<br>
<b class="red">.fs17</b> {font-size:17px;}<br>
<b class="red">.fs18</b> {font-size:18px;}<br>
<b class="red">.fs19</b> {font-size:19px;}<br>
<b class="red">.fs20</b> {font-size:20px;}
			</p>
		</div>

		<h2 class="h2Top">5、文字行高</h2>
		<div class="explain">
			<div class="title">HTML</div>
			<p style="text-indent: 0"><b class="red">.line-h15</b> { line-height: 15px;}<br>
<b class="red">.line-h20</b> { line-height: 20px;}<br>
<b class="red">.line-h22</b> { line-height: 22px;}<br>
<b class="red">.line-h25</b> { line-height: 25px;}<br>
<b class="red">.line-h28</b> { line-height: 28px;}<br>
<b class="red">.line-h30</b> { line-height: 30px;}<br>
<b class="red">.line-h35</b> { line-height: 35px;}<br>
<b class="red">.line-h40</b> { line-height: 40px;}</p>
		</div>
		<h2 class="h2Top">6、颜色</h2>
		<div ><span class="default">默认色</span>&nbsp;&nbsp;<span class="gray">灰色</span>&nbsp;&nbsp;<span class="color-cf">冻结色</span>&nbsp;&nbsp;<span class="red">红色</span>&nbsp;&nbsp;<span class="green">绿色</span>&nbsp;&nbsp;<span class="blue">蓝色</span>&nbsp;&nbsp;<span class="orange">橙色</span></div>
		<div class="explain">
			<div class="title">HTML</div>
			<p style="text-indent: 0"><b class="red">.default</b> {color: #333 !important;}<span class="gray">&nbsp;&nbsp;//默认色</span><br>
			<b class="red">.gray</b> {color: #818181 !important;}<span class="gray">&nbsp;&nbsp;//灰色</span><br>
<b class="red">.color-cf</b> {color: #cfcfcf !important;}<span class="gray">&nbsp;&nbsp;//冻结色</span><br>
<b class="red">.red</b> {color: #e01222 !important;}<span class="gray">&nbsp;&nbsp;//红色</span><br>
<b class="red">.green</b> {color: #017505 !important;}<span class="gray">&nbsp;&nbsp;//绿色</span><br>
<b class="red">.blue</b> {color: #0099e5 !important;}<span class="gray">&nbsp;&nbsp;//蓝色</span><br>
<b class="red">.orange</b> {color: #ec6519 !important;}<span class="gray">&nbsp;&nbsp;//橙色</span>
			</p>
		</div>
		<h2 class="h2Top">7、通用间距</h2>
		<div class="explain">
			<div class="title">HTML</div>
			<p style="text-indent: 0">
<b class="red">.mt0</b> { margin-top:0 !important;}&nbsp;&nbsp;<b class="red">.mt5</b> { margin-top:5px !important;}&nbsp;&nbsp;<b class="red">.mt10</b> { margin-top:10px !important;}&nbsp;&nbsp;<b class="red">.mt15</b> { margin-top:15px !important;}&nbsp;&nbsp;<b class="red">.mt20</b> { margin-top:20px !important;}&nbsp;&nbsp;<b class="red">.mt25</b> { margin-top:25px !important;}&nbsp;&nbsp;<b class="red">.mt30</b> { margin-top:30px !important;}<span class="gray">&nbsp;&nbsp;//通用上外间距（上）</span><br>
<b class="red">.mb0</b> { margin-bottom:0 !important;}&nbsp;&nbsp;<b class="red">.mb5</b> { margin-bottom:5px !important;}&nbsp;&nbsp;<b class="red">.mb10</b> { margin-bottom:10px !important;}&nbsp;&nbsp;<b class="red">.mb15</b> { margin-bottom:15px !important;}&nbsp;&nbsp;<b class="red">.mb20</b> { margin-bottom:20px !important;}&nbsp;&nbsp;<b class="red">.mb25</b> { margin-bottom:25px !important;}&nbsp;&nbsp;<b class="red">.mb30</b> { margin-bottom:30px !important;}<span class="gray">&nbsp;&nbsp;//通用上外间距（下）</span><br>
<b class="red">.ml5</b> {margin-left: 5px !important;}&nbsp;&nbsp;<b class="red">.ml10</b> {margin-left: 10px !important;}&nbsp;&nbsp;<b class="red">.ml15</b> {margin-left: 15px !important;}&nbsp;&nbsp;<b class="red">.ml20</b> {margin-left: 20px !important;}<span class="gray">&nbsp;&nbsp;//通用上外间距（左）</span><br>
<b class="red">.mr5</b> {margin-right: 5px !important;}&nbsp;&nbsp;<b class="red">.mr10</b> {margin-right: 10px !important;}&nbsp;&nbsp;<b class="red">.mr15</b> {margin-right: 15px !important;}&nbsp;&nbsp;<b class="red">.mr20</b> {margin-right: 20px !important;}<span class="gray">&nbsp;&nbsp;//通用上外间距（右）</span><br>
<b class="red">.m0</b> {margin: 0 !important;}&nbsp;&nbsp;<b class="red">.m5</b> {margin:5px !important;}&nbsp;&nbsp;<b class="red">.m10</b> {margin:10px !important;}<span class="gray">&nbsp;&nbsp;//通用外间距</span><br>
<b class="red">.pt0</b> { padding-top:0 !important;}&nbsp;&nbsp;<b class="red">.pt5</b> { padding-top:5px !important;}&nbsp;&nbsp;<b class="red">.pt10</b> { padding-top:10px !important;}&nbsp;&nbsp;<b class="red">.pt15</b> { padding-top:15px !important;}&nbsp;&nbsp;<b class="red">.pt20</b> { padding-top:20px !important;}&nbsp;&nbsp;<b class="red">.pt25</b> { padding-top:25px !important;}&nbsp;&nbsp;<b class="red">.pt30</b> { padding-top:30px !important;}<span class="gray">&nbsp;&nbsp;//通用上内间距（上）</span><br>
<b class="red">.pb0</b> { padding-bottom:0 !important;}&nbsp;&nbsp;<b class="red">.pb5</b> { padding-bottom:5px !important;}&nbsp;&nbsp;<b class="red">.pb10</b> { padding-bottom:10px !important;}&nbsp;&nbsp;<b class="red">.pb20</b> { padding-bottom:20px !important;}&nbsp;&nbsp;<b class="red">.pb25</b> { padding-bottom:25px !important;}&nbsp;&nbsp;<b class="red">.pb30</b> { padding-bottom:30px !important;}<span class="gray">&nbsp;&nbsp;//通用上内间距（下）</span><br>
<b class="red">.pl0</b> {padding-left:0 !important;}&nbsp;&nbsp;<b class="red">.pl5</b> {padding-left:5px !important;}&nbsp;&nbsp;<b class="red">.pl10</b> {padding-left:10px !important;}&nbsp;&nbsp;<b class="red">.pl15</b> {padding-left:15px !important;}&nbsp;&nbsp;<b class="red">.pl20</b> {padding-left:20px !important;}&nbsp;&nbsp;<b class="red">.pl50</b> {padding-left:50px !important;}<span class="gray">&nbsp;&nbsp;//通用上内间距（左）</span><br>
<b class="red">.pr0</b> {padding-right:0 !important;}&nbsp;&nbsp;<b class="red">.pr5</b> {padding-right:5px !important;}&nbsp;&nbsp;<b class="red">.pr10</b> {padding-right:10px !important;}&nbsp;&nbsp;<b class="red">.pr15</b> {padding-right:15px !important;}&nbsp;&nbsp;<b class="red">.pr20</b> {padding-right:20px !important;}<span class="gray">&nbsp;&nbsp;//通用上内间距（右）</span><br>
<b class="red">.p0</b> {padding: 0 !important;}&nbsp;&nbsp;<b class="red">.p5</b> {padding:5px !important;}&nbsp;&nbsp;<b class="red">.p10</b> {padding:10px !important;}<span class="gray">&nbsp;&nbsp;//通用内间距</span>
			</p>
		</div>
		<h2 class="h2Top">8、通用长度</h2>
		<div class="explain">
			<div class="title">HTML</div>
			<p style="text-indent: 0"><b class="red">.w50</b> {width: 50px !important;}<br>
<b class="red">.w80</b> {width: 80px !important;}<br>
<b class="red">.w100</b> {width:100px !important;}<br>
<b class="red">.w120</b> {width: 120px !important;}<br>
<b class="red">.w150</b> {width: 150px !important;}<br>
<b class="red">.w180</b> {width: 180px !important;}<br>
<b class="red">.w200</b> {width: 200px !important;}<br>
<b class="red">.w250</b> {width: 250px !important;}<br>
<b class="red">.w300</b> {width: 300px !important;}<br>
<b class="red">.w350</b> {width: 350px !important;}<br>
<b class="red">.w400</b> {width: 400px !important;}</p>
		</div>
	</div>
	<script type="text/javascript">
		uploadUeRootPath = "http://124.42.8.131:1135/ueditor/upload";
		uploadRootPath = "uploadCallback";
		imageHostPath = "http://img.t.11315.com/";
		host = window.location.host;
		ctxPath = "${ctxPath}";
		//uploadCallbackURL = "?callback=http://" + host + ctxPath + "/" + uploadRootPath;
		//alert(uploadCallbackURL)
	</script>
	<script type="text/javascript"
		src="${ctxPath }/js/lib/jquery-1.12.4.min.js?20190117152252"></script>
	<!-- 算术运算类 -->
	<script src="${ctxPath }/js/lib/arithUtil.js?20181217115751"></script>
	<!-- 注意引入顺序 -->
	<!-- 依赖原数据插件 -->
	<script type="text/javascript"
		src="${ctxPath }/js/shieldjs2/depends/jquery.metadata.js"></script>
	<!-- 依赖日期插件 -->
	<script type="text/javascript"
		src="${ctxPath }/js/shieldjs2/depends/My97DatePicker/WdatePicker.js"></script>
	<!-- 依赖弹出框插件 -->
	<script type="text/javascript"
		src="${ctxPath }/js/shieldjs2/depends/layer/layer.js"></script>
	<!-- 依赖树形结构插件 -->
	<link type="text/css" rel="stylesheet"
		href="${ctxPath }/js/shieldjs2/depends/ztree/css/zTreeStyle.css" />
	<script type="text/javascript"
		src="${ctxPath }/js/shieldjs2/depends/ztree/jquery.ztree.core-3.5.min.js"></script>
	<!-- cron表达式插件 -->
	<link type="text/css" rel="stylesheet"
		href="${ctxPath }/js/shieldjs2/depends/cron-generator/cronGen.css">
	<script type="text/javascript"
		src="${ctxPath }/js/shieldjs2/depends/cron-generator/cronGen.js"></script>
	<!-- qtip2插件 -->
	<link type="text/css" rel="stylesheet"
		href="${ctxPath }/js/shieldjs2/depends/qtips/jquery.qtip.css">
	<script type="text/javascript"
		src="${ctxPath }/js/shieldjs2/depends/qtips/jquery.qtip.js"></script>
	<!-- 依赖form插件【必需】 -->
	<script type="text/javascript"
		src="${ctxPath }/js/shieldjs2/tool/form/jquery.form.min.js"></script>
	<!-- 模板工具【必需】 -->
	<script type="text/javascript"
		src="${ctxPath }/js/shieldjs2/tool/doT.js"></script>
	<!-- 表单验证插件【必需】 -->
	<script type="text/javascript"
		src="${ctxPath }/js/shieldjs2/tool/formvalidate.js"></script>
	<!-- jquery-ui -->
	<%-- <script type="text/javascript" src="${ctxPath }/js/lib/jquery-ui/jquery-ui.min.js?20180129151348" type="text/javascript"></script> --%>
	<link type="text/css" rel="stylesheet"
		href="${ctxPath }/js/shieldjs2/depends/fullcalendar/fullcalendar.min.css" />
	<script type="text/javascript"
		src="${ctxPath }/js/shieldjs2/depends/fullcalendar/lib/moment.min.js"
		type="text/javascript"></script>
	<script type="text/javascript"
		src="${ctxPath }/js/shieldjs2/depends/fullcalendar/lib/lunar.js"
		type="text/javascript"></script>
	<script type="text/javascript"
		src="${ctxPath }/js/shieldjs2/depends/fullcalendar/fullcalendar.js"></script>
	<script type="text/javascript"
		src="${ctxPath }/js/shieldjs2/depends/fullcalendar/locale/zh-cn.js"
		type="text/javascript"></script>
	<!-- 未压缩的 -->
	<script type="text/javascript"
		src="${ctxPath }/js/shieldjs2/core/shield.util.js"></script>
	<!--  框架js------主入口【必需】-------->
	<script type="text/javascript"
		src="${ctxPath }/js/shieldjs2/core/shield.main.js"></script>
	<script type="text/javascript"
		src="${ctxPath }/js/shieldjs2/core/shield.core.js"></script>
	<script type="text/javascript"
		src="${ctxPath }/js/shieldjs2/core/shield.HtmlAction.js"></script>
	<!-- 压缩的 -->
	<!-- <script type="text/javascript" src="${ctxPath }/js/shieldjs2/shieldjs2.min.js"></script> -->
	<!-- 框架js---扩展插件---【必需】 -->
	<script type="text/javascript"
		src="${ctxPath }/js/shieldjs2/impl/chou/shield.chou.HtmlAction.extend.js?20190822091859"></script>
	<script type="text/javascript"
		src="${ctxPath }/js/shieldjs2/impl/chou/extends/shield.HtmlAction.extend.js?20190905081308"></script>
	<script type="text/javascript"
		src="${ctxPath }/js/shieldjs2/impl/chou/extends/shield.extend.js?20190822091858"></script>

	<!-- <%-- 百度UEditor --%> -->
	<script type="text/javascript" charset="utf-8"
		src="${ctxPath }/js/lib/ueditor/ueditor.config.js?20190822091858"></script>
	<script type="text/javascript" charset="utf-8"
		src="${ctxPath }/js/lib/ueditor/ueditor.all.min.js?20190822091859"> </script>
	<!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
	<!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
	<script type="text/javascript" charset="utf-8"
		src="${ctxPath }/js/lib/ueditor/lang/zh-cn/zh-cn.js?20181217115752"></script>
	<!--  ztree依赖-->
	<script type="text/javascript"
		src="${ctxPath }/js/shieldjs2/depends/ztree/jquery.ztree.excheck-3.5.min.js"></script>
	<script type="text/javascript"
		src="${ctxPath }/js/shieldjs2/depends/ztree/jquery.ztree.exedit-3.5.min.js"></script>
	<!--  table拖拽-->
	<script type="text/javascript"
		src="${ctxPath }/js/lib/jquery.tablednd.min.js?20190125124113"></script>

	<script type="text/javascript"
		src="${ctxPath }/js/lib/jquery.cookie.js?20190116113007"></script>
	<script type="text/javascript" src="${ctxPath }/js/lib/q.js?20190905095828"></script>

	<!-- timedroper/timedroper.js -->
	<link rel="stylesheet" type="text/css"
		href="${ctxPath }/js/lib/timedroper/timedropper.css?20190222121409">
	<script type="text/javascript"
		src="${ctxPath }/js/lib/timedroper/timedroper.js?20190222134844"></script>

	<script type="text/javascript"
		src="${ctxPath }/js/p/chat.js?2019022601"></script>
	<!--  select2 -->
	<link href="${ctxPath }/js/lib/select2/css/select2.min.css?20190305093546"
		rel="stylesheet" type="text/css" />
	<script src="${ctxPath }/js/lib/select2/js/select2.full.min.js?20190305093546"
		type="text/javascript"></script>
	<script src="${ctxPath }/js/lib/select2/js/i18n/zh-CN.js?20190305093546"
		type="text/javascript"></script>

	<script type="text/javascript">
	 	// ShieldJS.debug方法输出堆栈信息（建议正式环境下去掉）
		ShieldJS.debugTrace = true;
	 	
		ShieldJS.init({
			/** 头部 *//* topBar: '#header', 旧*/
			topBarE: '#header' 
			/** 菜单栏*//* ,navMenu: '#topBar', */
			,topMenuE: '#topBar' 
			/** 内容区多页签选项卡选中的样式*/
			,headerCurClass : 'current cur'
		});
		//切换皮肤
		if ($(".tier-father").length > 0 && $(".instrument").length > 0) {
			$(".tier-father").hover(function(){
				$(".instrument").toggle();
			});
			$(".instrument").find("li").click(function(){
				var skinName = $(this).data("v");
				if (skinName) {
					switchSkin(skinName);
                }
			});
			function switchSkin(skinName){
			    $('[data-v="'+skinName+'"]').addClass("selected").siblings().removeClass('selected'); //移除同辈元素的selected
				$("#cssfile").attr('href', '${ctxPath }/css/news/theme/'+skinName+'Css.css');
			 
				$.cookie("MyCssSkin", skinName, {path:'/', expires:3650});
			}
			var cookie_skin=$.cookie("MyCssSkin");
			if(cookie_skin){
				switchSkin(cookie_skin);
			}
		}
		
		// websocket聊天
		$("#chat-container").shieldChat({serviceURL :"ws://"+window.location.host+ctxPath+"/chat/"});
	</script>
</body>
</html>
